<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
  <link rel="stylesheet" href="css/talkingman.css">
  <script src="js/jquery.min.js" type="text/javascript"></script>
  <script src="js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
  <script src="js/talkingman.js" type="text/javascript"></script>
</head>
<body>
<!-- 首页 -->
<div data-role="page" id="pageone">
<!-- 首页顶部 -->
  <div data-role="header" data-position="fixed" class="header">
    <a href="#pagetwo" data-transition="slide" data-direction="reverse" class="ui-btn ui-corner-all ui-icon-tag ui-btn-icon-notext">图标</a>
    <h1>小糊涂</h1>
    <a href="#pagetwos" data-transition="slide" class="ui-btn ui-corner-all ui-icon-gear ui-btn-icon-notext">图标</a>
  </div>
<!-- 首页聊天内容 -->
  <div data-role="main" class="ui-content saying">
    <div class="talking"><table class="talking_content"><tr><td><img class="robot" src="img/head.png"><span>嗨~你好啊！我是小糊涂，有什么问题都可以问我，但我不一定都知道啊！<a class="ui-btn ui-corner-all ui-icon-audio ui-btn-icon-notext chat_audio"></a></span></td><tr></table></div>
    <audio class="voice" src="" autoplay></audio>
  </div>
<!-- 首页底部 -->
  <div data-position="fixed" class="footer">
    <div class="sentence">
      <input class="sentence_input" type="" name="" placeholder="请输入想说的话"><button class="sentence_btn" type="">发送</button>
    </div>
  </div>
</div>

<!-- 记事本 -->
<div data-role="page" id="pagetwo">
<!-- 记事本顶部 -->
  <div data-role="header" data-position="fixed" class="header">
    <a href="#pageone" data-transition="slide" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a>
    <h1>记事本</h1>
    <a class="ui-btn ui-icon-delete ui-btn-icon-left note_clear">清空</a>
  </div>
<!-- 记事本内容 -->
  <div data-role="main" class="ui-content">
    <a href="#pagethree" data-transition="flip" class="ui-btn ui-icon-plus ui-btn-icon-left ui-shadow">添加笔记</a>
    <div class="note_content" data-role="collapsibleset"></div>
  </div>
<!-- 记事本底部 -->
  <div data-role="footer" data-position="fixed" class="footer">
    <h1>Powered by Lee</h1>
  </div>
</div>

<!-- 搜索结果 -->
<div data-role="page" id="pageones">
<!-- 搜索结果顶部 -->
  <div data-role="header" data-position="fixed" class="header">
    <a href="#pageone" data-transition="slidedown" class="ui-btn ui-corner-all ui-icon-carat-d ui-btn-icon-notext">图标</a>
    <h1>搜索结果</h1>
  </div>
<!-- 搜索结果内容 -->
  <div data-role="main" class="ui-content"><iframe class="search_content" src=""></iframe></div>
</div>

<!-- 机器人设置 -->
<div data-role="page" id="pagetwos">
<!-- 机器人设置顶部 -->
  <div data-role="header" data-position="fixed" class="header">
    <a href="#pageone" data-transition="slide" data-direction="reverse" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a>
    <h1>设置</h1>
  </div>
<!-- 机器人设置内容 -->
  <div data-role="main" class="ui-content">
    <div class="settings">
      <label for="points">机器人语速</label>
      <input type="range" name="points" id="points" value="5" min="1" max="9" data-show-value="true">
      <a class="ui-btn ui-corner-all ui-icon-check ui-btn-icon-notext">图标</a>
      <div class="ui-grid-a">
      <div class="ui-block-a">小糊涂头像</div>
      <div class="ui-block-b">主人头像</div>
      <div class="ui-block-a"><img class="robot_head robot_heads" src="img/head.png"></div>
      <div class="ui-block-b"><img class="admin_head admin_heads" src="img/admin.jpg"></div>
      <div class="ui-block-a"><img class="robot_head" src="img/head1.jpg"></div>
      <div class="ui-block-b"><img class="admin_head" src="img/admin1.png"></div>
      <div class="ui-block-a"><img class="robot_head" src="img/head2.jpg"></div>
      <div class="ui-block-b"><img class="admin_head" src="img/admin2.jpg"></div>
    </div>
    </div>
  </div>
<!-- 机器人设置底部 -->
  <div data-role="footer" data-position="fixed" class="footer">
    <h1>Powered by Lee</h1>
  </div>
</div>
  <!-- 笔记记录 -->
  <div data-role="page" id="pagethree">
  <!-- 笔记记录顶部 -->
    <div data-role="header" data-position="fixed" class="header">
      <a href="#pagetwo" data-transition="flip" class="ui-btn ui-corner-all ui-icon-back ui-btn-icon-notext">图标</a>
      <h1>记录</h1>
    </div>
  <!-- 笔记记录内容 -->
    <div data-role="main" class="ui-content">
      <div class="time"><input class="note_date" type="date"></div>
      <textarea class="note" placeholder="精彩瞬间，点滴记录"></textarea>
      <a href="#pagetwo" class="cancel" data-transition="flip" data-role="button">取消</a>
      <a href="#pagetwo" class="save" data-transition="flip" data-role="button">保存</a>
    </div>
  </div>

  <!-- 笔记（更改）记录 -->
  <div data-role="page" id="pagethrees">
  <!-- 笔记（更改）记录顶部 -->
    <div data-role="header" data-position="fixed" class="header">
      <a href="#pagetwo" data-transition="flip" class="ui-btn ui-corner-all ui-icon-back ui-btn-icon-notext">图标</a>
      <h1>记录</h1>
    </div>
  <!-- 笔记（更改）记录内容 -->
    <div data-role="main" class="ui-content">
      <div class="times"><input class="note_dates" type="date"></div>
      <textarea class="notes" placeholder="精彩瞬间，点滴记录"></textarea>
      <a href="#pagetwo" class="cancels" data-transition="flip" data-role="button">取消</a>
      <a href="#pagetwo" class="saves" data-transition="flip" data-role="button">保存</a>
    </div>
  </div>
</body>
</html>
